@import "public";

.header-title {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 100;
    border-bottom: 2px solid @boderColor;
    .left {
        float: left;
        vertical-align: middle;
        width: 0.6rem;
        height: 0.87rem;
        position: absolute;
        left: 0.9rem;
        top: 0.75rem;
        display: block;
    }
    em {
        float: right;
        display: inline-block;
        font-size: 0.85rem;
        color: #444;
        position: absolute;
        font-style: normal;
        right: 0.9rem;
        a {
            font-size: 0.85rem;
            color: #444;
            font-family: 'pfr';
        }
    }
    span {
        font-size: 0.95rem;
        color: #444;
        font-family: "pfb";
    }
}
.weui-tabbar__icon {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.1rem;
    .hide {
        display: none;
    }
}
.weui-tabbar__label {
    font-size: 0.625rem;
}
.weui-tabbar {
    height: 2.5rem;
}
.content-body {
    .wh(100%,auto);
    overflow: hidden;
    .mt(2.2rem);
    .identity-type {
        width: 100%;
        height: 2.25rem;
        background: #eee;
        line-height: 2.25rem;
        span {
            font-size: 0.9rem;
            color: #28C81E;
            padding-left: 1.1rem;
            font-family: 'pfb';
        }
    }
    .input-warp {
        .wh(100%,2.25rem);
        padding: 0 1.1rem;
        box-sizing: border-box;
        margin: 1.25rem 0;
        input {
            width: 7.3rem;
            height: 2rem;
            border-radius: 0.2rem;
            border: 1px solid #e5e5e5;
            overflow: hidden;
            box-sizing: border-box;
            padding: 0 0.5rem;
            font-size: 0.75rem;
        }

        .input-left {
            position: relative;
            float: left;
            img {
                position: absolute;
                width: 0.55rem;
                height: auto;
                right: 0.5rem;
                top: 0.6rem;
            }
        }
        .input-right {
            position: relative;
            float: right;
            img {
                position: absolute;
                width: 0.55rem;
                height: auto;
                right: 0.5rem;
                top: 0.6rem;
            }
        }
    }
    .ul_warp {
        width: 100%;
        height: 2.25rem;
        line-height: 2.25rem;
        li {
            width: 24%;
            margin-right: 1.3333%;
            background: #eee;
            text-align: center;
            float: left;
            box-sizing: border-box;
        }
        li:last-child {
            margin-right: 0;
        }
    }
    //  table{
    //      width: 100%;
    //      height: auto;
    //      overflow: hidden;
    //      padding: 0 1.1rem;
    //      box-sizing: border-box;
    //      tbody{
    //          tr{
    //              height: 3.25rem;
    //              
    //              td{
    //                  width: 25%;
    //                  border-bottom: 1px solid #e2e2e2;
    //                  font-family: 'pfb';
    //              }
    //          }
    //      }
    //  }
    .ol_warp {
        .wh(100%,auto);
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 1.1rem;
        li {
            width: 100%;
            height: 3.25rem;
            border-bottom: 1px solid #e2e2e2;
            span {
                width: 28%;
                height: 3.25rem;
                display: block;
                float: left;
                line-height: 3.25rem;
                text-align: center;
            }
            span:first-child {
                width: 22%;
            }
            span:last-child {
                width: 22%;
            }
        }
    }
}

.imgWarp {
    width: 100%;
    height: auto;
    margin-top: 2.2rem;
    overflow: hidden;
    img {
        width: 100%;
        height: auto;
    }
}

